<template>
  <ul>
    <ListDetailFooterItem :comment="comment"  v-for="comment in comments" :key="comment.commentId"/>
  </ul>
</template>

<script>
import ListDetailFooterItem from "@/components/ListDetailFooterItem.vue";
export default {
  props: {
    comments: Array,
  },
  components:{
      ListDetailFooterItem
  }
};
</script>

<style lang="less" scoped>
ul{
    text-align: left;
    background-color: #fff;
}
li{
    padding: 10px;
    display: flex;
    &>img{
        border-radius: 50%;
        margin-right: 10px;
        width: 30px;
        height: 30px;
    }
    .userName{
        display: flex;
        flex-direction: column;
    }
}
</style>